<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>显示和隐藏</title>
</head>
<body>
	<a href="index.html">首页</a>
	<p title="这不是一个链接" class="p1">先变矮再变高</p>
	<p title="这不是一个链接" class="p2">先变高再变矮</p>
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript">
	// 先变矮再变高
	$('.p1').slideUp(5000).slideDown('slow', function(){
			alert('我的高度发生了变化')
		})
	//后面的函数可加可不加
	//
	//先隐藏后显示
	$('.p2').fadeOut(7000).fadeIn('slow',function(){
		alert('我时隐时现')
	})
	</script>
</body>
</html>